github actions CSR 배포 전략 with S3, Cloud Front, Github Actions S3는 정적 리소스를 대규모로 저장하는데 특화되어 있고, CloudFront는 캐싱기능과 전 세계 다양한 사용자들에게 빠른 속도로 전달하거나 https를 이용할 수 있기 때문에 S3 + CloudFront 로 CSR을 배포하기에 적절하다고 생각한다. ⚠️ 암호화 / 복호화 과정에 시간이 소요되며, 정적 파일을 배포하기 때문에 암호화할 필요가 없다. 추가로 고급 설정에 객체 잠금 기능은 중요한... cloudfrontgithub actionsS3awsCSRReactCSR Github Actions Trigger Event Github Actions의 워크플로우를 작성할 때, on 속성의 값으로 워크플로우를 실행할 트리거가 될 이벤트를 정해줄 수 있다. 하지만, 특정 Prefix를 가지는 브렌치를 포함하되 특정 몇몇 브렌치를 제외하고 싶을 수 있다. branches, branches-ignore와 마찬가지로 정확한 태그명을 적어주거나 glob 패턴을 사용할 수 있다. 구문도 사용할 수 있다. 위처럼 branch... github actionsgithub actions Github Actions 기본적인 사용법 Github Actions은 레포지토리 페이지에서 상단의 Actions 탭에서 확인할 수 있다. 만약 한개 이상의 워크플로우가 있다면 위 사진과 같은 페이지를 볼 수 있다. 위 예시에서는 Github Actions Workflow Test으로 워크 플로우의 이름을 지은 것이다. 한개의 트리거만 간단하게 사용할 때는 위처럼 기입할 수 있다. 위처럼 배열의 형태로 여러개의 트리거를 설정할 수 있... github actionsgithub actions node cli 로 @font-face generator 만들기 - 2 저번에 폰트 파일을 바탕으로 font-face CSS 파일을 만들어주는 간단한 node cli 를 개발하는 과정을 포스팅 했었는데 이제는 이를 npm 에 올리고, github actions 을 통해 자동 배포를 하는 방법을 포스팅 해보려고 한다. 이를 클릭해서 필자는 npm 에 올릴것이기 때문에 Publish Node.js Package 에 Set up this workflow 를 눌러서 들... react-formatNodegithub actionsnpmclifont-faceNode Github actions와 slack 연동해서 알림받기 Github actions를 이용하여 빌드 결과를 알림으로 받을 수 있다. 텔레그램이나 Slack등 다양한 방식으로 알림을 받을 수 있다. 그 중 업무적으로 가장 많이 사용하는 메신저인 Slack과 연동하여 빌드 결과를 알림받을 수 있도록 해보겠다. 을 이용하여 손쉽게 연동할 수 있다. 에 들어가면 usage나 fields를 확인할 수 있다. 그 후 Add New Webhook to work... github actionsgithub actions Github Actions으로 AWS EC2에 CI/CD 구축하기 Github Container Registry로 docker image를 배포하고 EC2(runner) 실행 할 때 docker login에 사용된다. Github 계정의 Settings -> Developer settings -> Personal access tokens에서 새로운 token을 만들어준다. Repository의 Settings -> Actions에서 New repositor... github actionsdockerCI/CDawsCI/CD
CSR 배포 전략 with S3, Cloud Front, Github Actions S3는 정적 리소스를 대규모로 저장하는데 특화되어 있고, CloudFront는 캐싱기능과 전 세계 다양한 사용자들에게 빠른 속도로 전달하거나 https를 이용할 수 있기 때문에 S3 + CloudFront 로 CSR을 배포하기에 적절하다고 생각한다. ⚠️ 암호화 / 복호화 과정에 시간이 소요되며, 정적 파일을 배포하기 때문에 암호화할 필요가 없다. 추가로 고급 설정에 객체 잠금 기능은 중요한... cloudfrontgithub actionsS3awsCSRReactCSR Github Actions Trigger Event Github Actions의 워크플로우를 작성할 때, on 속성의 값으로 워크플로우를 실행할 트리거가 될 이벤트를 정해줄 수 있다. 하지만, 특정 Prefix를 가지는 브렌치를 포함하되 특정 몇몇 브렌치를 제외하고 싶을 수 있다. branches, branches-ignore와 마찬가지로 정확한 태그명을 적어주거나 glob 패턴을 사용할 수 있다. 구문도 사용할 수 있다. 위처럼 branch... github actionsgithub actions Github Actions 기본적인 사용법 Github Actions은 레포지토리 페이지에서 상단의 Actions 탭에서 확인할 수 있다. 만약 한개 이상의 워크플로우가 있다면 위 사진과 같은 페이지를 볼 수 있다. 위 예시에서는 Github Actions Workflow Test으로 워크 플로우의 이름을 지은 것이다. 한개의 트리거만 간단하게 사용할 때는 위처럼 기입할 수 있다. 위처럼 배열의 형태로 여러개의 트리거를 설정할 수 있... github actionsgithub actions node cli 로 @font-face generator 만들기 - 2 저번에 폰트 파일을 바탕으로 font-face CSS 파일을 만들어주는 간단한 node cli 를 개발하는 과정을 포스팅 했었는데 이제는 이를 npm 에 올리고, github actions 을 통해 자동 배포를 하는 방법을 포스팅 해보려고 한다. 이를 클릭해서 필자는 npm 에 올릴것이기 때문에 Publish Node.js Package 에 Set up this workflow 를 눌러서 들... react-formatNodegithub actionsnpmclifont-faceNode Github actions와 slack 연동해서 알림받기 Github actions를 이용하여 빌드 결과를 알림으로 받을 수 있다. 텔레그램이나 Slack등 다양한 방식으로 알림을 받을 수 있다. 그 중 업무적으로 가장 많이 사용하는 메신저인 Slack과 연동하여 빌드 결과를 알림받을 수 있도록 해보겠다. 을 이용하여 손쉽게 연동할 수 있다. 에 들어가면 usage나 fields를 확인할 수 있다. 그 후 Add New Webhook to work... github actionsgithub actions Github Actions으로 AWS EC2에 CI/CD 구축하기 Github Container Registry로 docker image를 배포하고 EC2(runner) 실행 할 때 docker login에 사용된다. Github 계정의 Settings -> Developer settings -> Personal access tokens에서 새로운 token을 만들어준다. Repository의 Settings -> Actions에서 New repositor... github actionsdockerCI/CDawsCI/CD